*{
    margin: 0;
    padding: 0;
}
.header{
    height: 55px;
    width: 100%;
    background-color: #0EAC9F;
}
.logo{
    float: left;
    width: 350px;
    margin-left: 15px;
}
.logo a{
    font-size: 20px;
    font-weight: 700;
    color: white;
    line-height: 55px;
}
.logo img{
    height: 45px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.headerNav{
    position: absolute;
    right: 0;
    top:0;
    line-height: 55px;
}
.headerNav .personalInformation{
    position: relative;
}
.headerNav ul li{
    float: left;
    margin: 0 25px 0 25px;
}
.headerNav .layui-icon{
    color: white;
    font-size: 20px;
}
.messageAler>div>a,.footAlert>div>a,.menu>div>a{
    display:inline;
}
#allMessageCount{
    margin-left: 7px;
    top: -3px;
    right: -3px;
}
#quit{
    margin-left: 0;
}
.account{
    width: 380px;
    height: 60px;
    margin: 0 auto;
    border-bottom: 1px solid #E4E4E4;
}
.account span{
    float: left;
    color: black;
}
.account a{
    float: right;
}
.message{
    width: 350px;
    height: 175px;
    margin: 0 auto;
}
.message div{
    line-height: 40px;
}
.menu{
    width: 418px;
    top:72px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 55px;
}
.menu a{
    margin: 0 34px;
}
.hiddenAlert a:hover{
    color: #0EAC9F;
}
.headAlert>div{
    margin: 0 auto;
    width: 368px;
    border-bottom: 1px solid #E4E4E4;
    line-height: 40px;
}
.headAlert>div>span,.footAlert>div>span{
    color: rgba(0, 0, 0, 0.35);
}
.footAlert>div{
    margin: 0 auto;
    width: 368px;
    border-bottom: 1px solid #E4E4E4;
    line-height: 40px;
}
.footAlert>div:last-child{
    border-bottom: 0;
}
.messageAlert a{
    margin-left: 15px;
}
.count{
    color: red;
}
#userName{
    color: white;
    font-weight: 700;
}

#nav-tab{
    margin-left: 20px;
    margin-top: -10px;
}

.iframe{
    width: 100%;
    height:100%;
}
.layui-tab-item{
    height: 100%;
}